*{
    padding: 0;
    margin: 0 ;
    list-style: none;
    text-decoration: none;

}
div#all{
    width: 100%;
    padding-top: 50px;
    overflow: hidden;

}
#top_a{
    position: relative;
    width: 100%;
    height: 600px;
    padding-top: 50px;
    background: url("https://sta-op.douyucdn.cn/dylamr/2018/12/24/385d4b86ef815afb8b5a476df72591d9.jpg") no-repeat top ;

}
div#all_a{
    width: 1200px;
    margin: auto;
    padding: 15px;
    z-index: 2;
}

#video {
   z-index: 1;
    width: 1108px;
    height: 568px;
    background-color: #5bc1e2;
    margin:auto;
}
div#top_a:hover>#top_b{
    z-index: 5;
}
#top_b{
    position: absolute;
     top: 290px;
    left: 50%;
    width: 162px;
    height:52px;
    margin-left: -100px;
    display: block ;
    z-index: -1;


}

#top_b>p{
    width: 160px;
    height: 50px;
    margin: auto ;
    line-height: 50px;
    font-size: 20px;
  border: 1px #ff9d31 solid;
    border-radius: 8px;
    color: #ff9d31;
    text-align: center;
}
#top_a>a>p:hover {
background-color: #ff9d31;
    color: white;
}
div#all_a>div{
    width: 100%;
    overflow: hidden;

}
div#all_a>div>.top{
    height: 70px;
    overflow: hidden;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 10px;
}
div#all_a>div>.top>div{
    width: 30px;
    height: 30px;
    margin: 20px 0 0 20px;
    float: left;
}
div#all_a>div>.top>div>img{
    width: 100%;
    height: 100%;
}
div#all_a>div>.top>p{
    float: left;
    height: 30px;
    padding: 20px 10px;
    font-size: 20px;
    color: #3e3e3e;
    font-weight: 700;
    line-height: 30px;
}
.img{
    padding: 15px 0 15px 20px ;
}
.img>li{
    overflow: hidden;
    width: 272px;
    border: 1px skyblue solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    float: left;
    margin: 0 20px 20px 0;
}
.img>li>a{
    display: block;

    height: 200px;


}
.img>li>a>img{
    width: 100%;
    height: 100%;
}
.img>li>p{
    margin-left: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; //文本不换行，这样超出一行的部分被截取，显示...
}
#icon1{

    background: url("https://shark.douyucdn.cn/app/douyu/res/page/index/row-top-icons.png?20160824") -128px 0 ;
}
#icon2{

    background: url("https://shark.douyucdn.cn/app/douyu/res/page/index/row-top-icons.png?20160824") -42px 0 ;
}
